<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" ng-app="myApp" class="no-js">
	<head th:replace="portal/common/header :: header"></head>

    <body>
        <link rel="stylesheet" type="text/css" th:href="@{/resources/css/link.style.css}">
        <!-- 
        <link href="https://cdn.bootcss.com/font-awesome/5.8.1/css/all.css" rel="stylesheet">
        -->
        <link th:href="@{/resources/css/cdn.bootstrap.css}" rel="stylesheet">
     	<link th:href="@{/resources/plugins/prism/prism.css}" rel="stylesheet">
     	
    
    	<!-- nav_start-->
		<div th:replace="portal/common/nav :: nav"></div>
		<!-- nav_end-->
		   
        <!-- header start -->
        <div class="container" id="container" style="margin-top:60px;width: 100% !important;max-width:none">
            <div class="left-bar" ng-controller="ModuleDevCtrl">
                <div class="nav">
                    <div class="home item active">
                        <a href="/">
                            <i class="iconfont icon-gongju"></i> 导航模块 </a>
                        <i class="hairlines"></i>
                    </div>
                    <div class="nav-item">
                        <div class="category-nav" id="category">
                            <ul>
                                <li id="blog">
                                    <a data-id="blog" href="javascript:jumpPosition('platform')">
                                        <i data-id="blog" class="fas fa-desktop"></i>接入平台 
                                    </a>
                                </li>
                                <li id="blog" th:each="item,stat:${ms}">
                                    <a data-id="blog" th:href="'javascript:jumpPosition(\''+${item.id}+'\')'" >
                                        <i data-id="blog" th:class="${item.moduleLogo}"></i><span th:text="${item.moduleName}"></span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div class="main" id="mainWrap">
                <div id="mainContent">
           <!-- 
           <div class="row fe" id="platform" style="text-align:left">
					<div class="col-xs-6">
						<h2 style="margin-top: 10px;margin-bottom: 27px;">
							<i class="fas fa-laptop-code"></i> 开发接入研发平台 
							<a target="_blank" th:href="@{/public/gitbook/document?target=http://gitbook.linesno.com/document-platform-service-technique//}" 
							   style="font-size:13px;color: #02619a;font-weight: 600;">使用手册</a> 
						</h2>
						<p>
						用于开发人员项目指引工程，开发并不需要了解整个平台架构及内部结构，此对开发透明化，
						开发针对文档的示例及代码生成器即可生成现成代码，进行二次开发，无需要从零配置，更专注业务实现。
						</p>
						<br/>
						<p>接入流程:</p>
						<p>1. 在项目<b>pom.xml</b>中添加右边的依赖配置 </p>
						<p>2. 编写启动类并运行</p>
<pre class="code-pre">
  <code class="language-java">
@SpringBootApplication(exclude = DruidDataSourceAutoConfigure.class)
@EnableLogin
public class AlinesnoApplication {
	public static void main(String[] args) {
		SpringApplication.run(AlinesnoApplication.class, args);
	}
}
    </code>
</pre>
						<p>3. 点击打开: <a target="_blank" style="color:#02619a;font-weight:700" href="http://localhost:8080">http://localhost:8080</a></p>
						<p>4. 输入示例账号密码</p>
<pre class="code-pre">
  <code class="language-java">
account : crm@gmail.com
password: admin
  </code>
</pre>
						
					</div>
					
					<div class="col-xs-6" >
<br/>
<pre class="code-pre">
  <code class="language-xml">
&lt;!--引入依赖 --&gt;
&lt;dependencies&gt;
	&lt;dependency&gt;
		&lt;groupId&gt;com.alinesno.cloud.common.web&lt;/groupId&gt;
		&lt;artifactId&gt;alinesno-cloud-common-web-starter&lt;/artifactId&gt;
	&lt;/dependency&gt;  
&lt;/dependencies&gt;
&lt;dependencyManagement&gt;
	&lt;dependencies&gt;
		&lt;dependency&gt;
			&lt;groupId&gt;com.alinesno.cloud&lt;/groupId&gt;
			&lt;artifactId&gt;alinesno-cloud-dependencies&lt;/artifactId&gt;
			&lt;version&gt;2.1.0-SNAPSHOT&lt;/version&gt;
			&lt;type&gt;pom&lt;/type&gt;
			&lt;scope&gt;import&lt;/scope&gt;
		&lt;/dependency&gt;
	&lt;/dependencies&gt;
&lt;/dependencyManagement&gt;
&lt;repositories&gt;
	&lt;repository&gt;
		&lt;id&gt;alinesno&lt;/id&gt;
		&lt;url&gt;http://repository.linesno.com&lt;/url&gt;
		&lt;snapshots&gt;
			&lt;enabled&gt;true&lt;/enabled&gt;
		&lt;/snapshots&gt;
	&lt;/repository&gt;
&lt;/repositories&gt;
  </code>
</pre>
					</div>
				</div>
	            -->	
				
				 
					<div class="fe" id="blogItem" th:id="${item.id}" th:each="item,stat:${ms}">
						<div class="sub-category">
							<div>
								<i th:class="${item.moduleLogo}"></i> <span th:text="${item.moduleName}"></span> 
							</div>
						</div>
						<div>
							<a target="_blank" th:href="${i.modulePath}" th:each="i,stat:${item.subModule}">
								<div class="item">
									<div class="logo">
										
										<!-- 
										<img width="100%" class="loaded" data-original="{{i.icon}" src="{{i.icon}}">
										-->	
										
										<i th:class="${i.moduleLogo}"></i>
                                        <span th:text="${i.moduleName}"></span>
                                       
                                       <span th:if="${i.moduleDesign == '0'}" class="high-light-beta ddc-header__menu-title-box">规划中</span>
                                       
                                       <!--
										<span ng-if="i.status == 0" style="font-size:12px;color:gray;font-weight:300;margin-left:5px;color:red">
											(规划中)
										</span>
										-->
										
									</div>
									<div class="desc" th:text="${i.moduleDesc}">
									</div>
								</div>
							</a>

						</div>
					</div>
                   	 
                </div>
            </div>
        </div>
        
		<!-- footer start -->
		<div th:replace="portal/common/footer:: footer"></div>
		<!-- footer start -->
		<script type="text/javascript">
			function jumpPosition(_id){
				$('body,html').animate({scrollTop: $('#'+_id).offset().top-70}, 500);
			}
		</script>
        
    </body>
</html>
